<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			vue：
				2.0.0 - 3.0.0已知能用的）
				父传子===属性传值到子组件，子组件接收，直接this['xxx']某个属性去拿值
				子传父===this.$emit('xxx',data)，发射事件，父组件，接收事件触发回调拿数据,data必须对象
				兄弟传值
					===组件A，this.$emit('xxx',data)，发射事件，父组件，接收事件触发回调拿数据，组件B去拿
					===组件A，vue2.$emit('xxx',data)，发射事件,组件B,vue2.$on('xxx',function(e){})
				vue3里面setup传值，且vue3没有相关的兄弟组件传值支持，只能传完父再到另外的兄弟组件
					setup(props,context){
						context.emit('xxx',data)//语法糖是引入defineEmit，emit = defineEmit(['xxx']); emit('xxx',data)
					}
					目前emit之后只能够通过父组件@来回调接收子组件传的数据
				拓展：
					异步加载组件：
						简单异步：
							组件名称：()=>import('组件路径')
						复杂异步：
							组件名称：()=>({
								component:import('组件路径')//真正显示的组件
								loading:import('组件路径')//加载中显示的组件
								delay:200,//延时多少时间加载出来
								error:import('组件路径')//加载失败后显示的组件
								timeout:300,//超过一定的时间就加载失败
							})
					
                props属性传值，可以:xxx=某个值传值，也可以:="{xxx:某个值}"来进行传值
					
					
			react:
				16-17版本已知能用的)
				父传子===子组件通过props接收自定义属性传过来的数据
				子传父===子组件通过props拿到父组件传过来的方法，方法要bind(this),并且调用传值去修改
				兄弟传值===组件A通过props拿到父组件传过来的方法，方法要bind(this),并且调用传值去修改，然后组件b直接通过属性拿到组件A修改后的值
				
				
				
				
			小程序：
				父传子===属性传值到子组件，子组件接收，直接this.properties['xxx']某个属性去拿值
				子传父===this.triggerEvent("xxx",data) 发射事件，父组件，bind:xxx接收事件触发回调拿数据，data必须对象
				兄弟传值
					===组件A，this.triggerEvent("xxx",data) 发射事件，父组件，bind:xxx接收事件触发回调拿数据，组件B去拿
		 -->
	</body>
</html>
